<template>
  <div>
    <!-- background-color: rgb(238, 241, 246) -->
    <el-aside style="min-height:1000px;">
      <el-menu :default-active="$route.path" :default-openeds="['/live', '/course','/class', '/work']" router>
        <el-submenu index="/live" router>
          <template slot="title">
              <i class="el-icon-menu"></i>直播管理
          </template>
          <el-menu-item-group title="配置">
            <el-menu-item index="/live/info"><i class="el-icon-video-play"></i>直播信息</el-menu-item>
          </el-menu-item-group>

          <el-menu-item-group>
            <template slot="title">记录</template>
            <el-menu-item index="/live/start_record"><i class="el-icon-date"></i>开播记录</el-menu-item>
            <el-menu-item index="/live/sign"><i class="el-icon-location-outline"></i>签到状况</el-menu-item>
            <el-menu-item index="/live/problem"><i class="el-icon-collection"></i>提问记录</el-menu-item>
          </el-menu-item-group>

          
          
        </el-submenu>

        <el-submenu index="/work">
          <template slot="title"><i class="el-icon-edit"></i>作业管理</template>
          <el-menu-item-group>
            <template slot="title">如需批改作业，请去课堂页面</template>
            <el-menu-item index="/work/new">
                <i class="el-icon-document-add"></i>发布作业</el-menu-item>
            <el-menu-item index="/work/post-pone-req">
               <i class="el-icon-phone-outline"></i>查看请求延期作业</el-menu-item>
          </el-menu-item-group>
<!-- 
          <el-menu-item-group title="完成度">
            <el-menu-item index="2-3"> <i class="el-icon-pie-chart"></i>班级作业完成度</el-menu-item>
            <el-menu-item index="2-4"> <i class="el-icon-pie-chart"></i>课程作业完成度</el-menu-item>
          </el-menu-item-group> -->
          
        </el-submenu>

        <el-submenu index="/course">
          <template slot="title"><i class="el-icon-reading"></i>课程管理</template>
          <el-menu-item index="/course/new">
                <i class="el-icon-plus"></i>新建课程</el-menu-item>
                <el-menu-item index="/course/show">
                <i class="el-icon-search"></i>我的课程</el-menu-item>
                <!-- <el-menu-item index="3-4"> -->
               <!-- <i class="el-icon-postcard"></i>发布公告</el-menu-item> -->
        </el-submenu>

        <el-submenu index="/class">
          <template slot="title"><i class="el-icon-data-board"></i>班级管理</template>

          <el-menu-item-group>
            <!-- <template slot="title">分组一</template> -->
            <el-menu-item index="/class/new">
                <i class="el-icon-plus"></i>新建班级</el-menu-item>
            <el-menu-item index="/class/show">
               <!-- <i class="el-icon-school"></i>我的班级</el-menu-item> -->
               <i class="el-icon-data-board"></i>查看班级</el-menu-item>
               <!-- <el-menu-item index="3-3">
               <i class="el-icon-data-board"></i>我的班级</el-menu-item> -->
            
          </el-menu-item-group>

          <!-- <el-menu-item-group title="完成度">
            <el-menu-item index="2-3">班级作业完成度</el-menu-item>
            <el-menu-item index="2-4">课程作业完成度</el-menu-item>
          </el-menu-item-group> -->
          
        </el-submenu>


        <!-- <el-submenu index="4"> -->
          <!-- <template slot="title"><i class="el-icon-user"></i>个人</template> -->
          <!-- <el-menu-item-group> -->
            <!-- <template slot="title">分组一</template> -->
            <el-menu-item index="/user">
                <i class="el-icon-user"></i>个人信息</el-menu-item>
            <el-menu-item index="/stu-record">
               <i class="el-icon-receiving"></i>学生留言</el-menu-item>

          <!-- </el-menu-item-group> -->

          
        <!-- </el-submenu> -->
        
      </el-menu>
    </el-aside>
  </div>
</template>

<script>
export default {};
</script>

<style>

.el-aside {
  color: #333;
}

</style>